<template>
  <div class="page_notAuthShare">

    <van-nav-bar
      title="设置不让谁转发"
      left-arrow
      @click-left="$router.push('/myCompany/companyHome')"
    >
      <template #right>
        <van-icon name="add-o" size="20" @click="$router.push('/myCompany/addNotAuthShare')"/>
      </template>
    </van-nav-bar>



    <com-multiple-checkbox-card
      v-if="notAuthShareDataList.length"
      :dataList="notAuthShareDataList"
      :actionType="'delete'"
      :keyWord="'shareOrNot'"
    ></com-multiple-checkbox-card>

    <van-divider style="margin-top: 80px" v-else>暂无数据</van-divider>


  </div>
</template>

<script>
  import comMultipleCheckboxCard from './common/comMultipleCheckboxCard';

  export default {
    name: 'notAuthShare',
    components: {
      comMultipleCheckboxCard,
    },
    data(){
      return {
        // 不能转发的数据
        notAuthShareDataList: [
          {
            id: 'a',
            name: '华为技术有限公司',
          },
          {
            id: 'b',
            name: '深圳市富康网络科技公司',
          },
          {
            id: 'c',
            name: '富康网络科技公司',
          },
        ],
      }
    },
    methods: {
      toGetCurrentSelectedArr(val){
        console.log('执行了-------', val)
        if (val.length){
          console.log('获取值', val)
        }
      },
    },
  }
</script>

<style lang="scss" scoped>
  .page_notAuthShare{
    width: 100%;
    box-sizing: border-box;
    .notAuthShare_checkbox_card{
      .multiple_checkbox_card{
        .checkbox_item{
          padding: 6px 10px 6px 0;
          .notAuthShare_item{
            background-color: #FFFFFF;
            text-align: center;
            box-sizing: border-box;
            line-height: 1.1em;
            padding: 3px 0;
            font-size: 13px;
            .share_item{
              display: flex;
              span {
                &:first-of-type{
                  width: 5em;
                  font-size: 13px;
                  /* 某一项不缩放  */
                  flex-shrink: 0;
                }
                &:last-of-type{
                  letter-spacing: 0.3px;
                }
              }
            }
          }
        }

      }
    }
  }
</style>
